<extend name="Base/common"/>
<block name="header">
</block>


<block name="body">

    <script type="text/javascript">

        jQuery(document).ready(function () {
            jQuery(".free").mouseenter(function () {
                var data_id=$(this).attr('data-id');
                $(this).siblings().removeClass('hover');
                $(this).addClass('hover');
                jQuery("#"+data_id+" .free-cont").css('display', 'block');
                jQuery("#"+data_id+" .pay-cont").css('display', 'none');
            });
            jQuery(".pay").mouseenter(function () {
                var data_id=$(this).data('id');
                $(this).siblings().removeClass('hover');
                $(this).addClass('hover');
                jQuery("#"+data_id+" .free-cont").css('display', 'none');
                jQuery("#"+data_id+" .pay-cont").css('display', 'block');
            });
            jQuery(".search-btn").click(function(){
                var keywords=jQuery(".keywords_input").val();
                window.location=U('Appstore/index/search')+'&keywords='+keywords;
            });
            $('.keywords_input').keypress(function (e) {
                if (e.which == 13 || e.which == 10) {
                    var keywords=jQuery(".keywords_input").val();
                    window.location=U('Appstore/index/search')+'&keywords='+keywords;
                }
            });
        });
    </script>
    <!--banner部分-->
    <link href="__CSS__/foucs.css" rel="stylesheet" type="text/css"/>
    <link href="__CSS__/settings.css" rel="stylesheet" type="text/css"/>
    <link href="__CSS__/oscloud.css" rel="stylesheet" type="text/css"/>
    <link href="__CSS__/lrtk.css" rel="stylesheet" type="text/css"/>

    <script src="__JS__/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="__JS__/jquery.cssAnimate.mini.js" type="text/javascript"></script>
    <script src="__JS__/jquery.themepunch.services.min.js" type="text/javascript"></script>
    <script src="__JS__/foucs.js" type="text/javascript"></script>

    <div class="common-block oscloud"style="padding-top: 20px" >
        <!--new  oscloud start-->
        <div class="container banner-top" >
            <div class="col-xs-12">
                <div class="col-xs-2 banner-top-left">
                    <a href="{:U('Appstore/Index/index')}"><img src="__IMG__/b-logo.png"/></a>
                </div>
                <div class="col-xs-7 banner-top-center">
                    <div style="width: 590px;float: right">
                        <input type="text" name="keywords" class="search keywords_input"
                               placeholder="在此输入您需要的插件、模块、主题、服务" style="padding-left: 10px;font-size: 16px"><a
                            class="search-btn">搜索</a></div>
                    <div class="tips" style="margin-top: 5px">
                        <ul>
                            <li style="color: #b0b0b0">热门搜索：</li>
                            <li><a href="http://os.opensns.cn/appstore/moduledetail_240.html">Restful接口</a></li>
                            <li><a href="http://os.opensns.cn/appstore/moduledetail_52.html">手机网页版</a></li>
                            <li><a href="http://os.opensns.cn/appstore/moduledetail_226.html">微信公众号</a></li>
                            <li><a href="http://os.opensns.cn/appstore/moduledetail_53.html">问答</a></li>
                            <li><a href="http://os.opensns.cn/appstore/moduledetail_264.html">Ping++充值</a></li>
                            <li><a href="http://os.opensns.cn/appstore/moduledetail_243.html">卡密充值</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-3 banner-top-right">
                    <a href="{:U('Appstore/Admin/order')}" class="btn btn1">订单</a>
                    <a href="{:U('Appstore/Admin/my')}" class="btn btn1" style="margin-left: 10px;float: right">管理面板</a>
                    <a href="{:U('Appstore/Admin/shop')}" class="btn btn2">立即免费入驻</a>
                </div>
            </div>
        </div>

        <div class="container banner-center">
            <div class="col-xs-2 banner-center-left" style="padding: 0">
                {:W('Common/Adv/render',array(array('name'=>'appstore_ppt_left','type'=>1,'width'=>'173px','height'=>'313px','title'=>'云市场轮播左侧')))}
            </div>
            <div class="col-xs-7 banner-center-center">
                <div class="nav-b">
                    <ul>
                        <li><a href="{:U('Appstore/Index/index')}">首页</a></li>
                        <li><a href="{:U('Appstore/Index/feed')}">动态</a></li>
                        <li><a href="{:U('Appstore/Index/plugin')}">插件</a></li>
                        <li><a href="{:U('Appstore/Index/module')}">模块</a></li>
                        <li><a href="{:U('Appstore/Index/theme')}">主题</a></li>
                        <li><a href="{:U('Appstore/Index/service')}">服务</a></li>
                        <li><a href="{:U('Appstore/Index/shops')}">店铺</a></li>
                    </ul>
                </div>
                <div class="banner-p">
                    {:W('Common/Adv/render',array(array('name'=>'appstore_ppt','type'=>2,'width'=>'640px','height'=>'285px','title'=>'云市场轮播','data'=>array('style'=>1))))}
                </div>
            </div>
            <div class="col-xs-3 banner-center-right">
               <div class="clearfix">
                   <h1 class="text-center" style="margin-bottom:0">您是？</h1>

                   <div class="pic text-center" style="margin-left: 20px;">
                       <a target="_blank" href="http://os.opensns.cn/book/index/read/section_id/168.html"><img src="__IMG__/b-right1.png">

                           <p>站长</p></a></div>
                   <div class="pic text-center"><a target="_blank" href="http://os.opensns.cn/book/index/read/section_id/163.html"><img
                           src="__IMG__/b-right2.png">

                       <p>开发者</p></a></div>
                   <!-- <div class="dt">
                        <div class="dt-b">动态</div>
                        <input type="text" name="" id="" class="dt-con" value="@阿科达 购买了《手机》">
                    </div>-->

               </div>
                    <div class="clearfix bz-show" title="云市场保障">
                  <a target="_blank" href="http://os.opensns.cn/news/detail_310.html">《开发者公约》</a>
                </div>

            </div>
        </div>


        <div class="container banner-bottom">
            <div class="col-xs-2 banner-bottom-left" style="padding: 0">
                {:W('Common/Adv/render',array(array('name'=>'appstore_ppt_left_down','type'=>1,'width'=>'173px','height'=>'133px','title'=>'云市场轮播左侧下方')))}
            </div>
            <div class="col-xs-10 banner-bottom-right">
                <div class="col-xs-3">
                    <img src="__IMG__/b-ad2.png"><span>开发商云集<br/><strong style="font-size: 30px;font-weight: normal">{$shop_count}</strong>家服务商已入驻</span>
                </div>
                <div class="col-xs-3">
                    <img src="__IMG__/b-ad3.png"><span>精彩纷呈<br/><strong style="font-size: 30px;font-weight: normal">{$goods_count}</strong>件上架商品</span>
                </div>
                <div class="col-xs-3">
                    <img src="__IMG__/b-ad4.png"><span>累积<br/>成交<strong style="font-size: 30px;font-weight: normal">{$order_count}</strong>单</span>
                </div>
                <div class="col-xs-3">
                    <img src="__IMG__/b-ad-download.png"><span>总共<br/><strong style="font-size: 24px;font-weight: normal">{$download_count}</strong>次下载</span>
                </div>
            </div>
        </div>


        <div class="container ad-pic">
            {:W('Common/Adv/render',array(array('name'=>'appstore_ppt_below','type'=>1,'width'=>'1120px','height'=>'101px','title'=>'云市场轮播正下方')))}
        </div>

        <div class="container price-box">
            <div class="col-xs-12 text-box">
                <span>特价</span>
                <span style="margin-left: 265px">热卖</span>
                <span style="margin-left: 300px">评测</span>
            </div>
            <div class="col-xs-3 price" style="padding-left: 0;padding-right: 0">
                {:W('Common/Adv/render',array(array('name'=>'appstore_tejia','type'=>1,'width'=>'278px','height'=>'178px','title'=>'云市场特价')))}
            </div>
            <div class="col-xs-3 price" style="margin-left: 25px;padding-left: 0;padding-right: 0">
                {:W('Common/Adv/render',array(array('name'=>'appstore_hotsale','type'=>1,'width'=>'278px','height'=>'178px','title'=>'云市场热卖')))}
            </div>
            <div class="col-xs-5 test">
                <div>

                    <div style="float: left"><img style="width: 105px;height: 105px"
                                                  src="{$news_top.cover|thumb=105,105}"></div>
                    <div class="float-right">
                        <p><a href="{:U('News/Index/detail',array('id'=>$news_top['id']))}">Top: {$news_top.title}</a>
                        </p>
                        <a href="{:U('News/Index/detail',array('id'=>$news_top['id']))}" class="text-muted"><p>
                            {$news_top.description|text|mb_substr=0,40,'utf-8'}</p></a>
                    </div>
                </div>
                <div class="float-bottom">
                    <volist name="news" id="vo">
                        <a href="{:U('News/Index/detail',array('id'=>$vo['id']))}" class="text-muted"><p>
                            {$i}.{$vo.title}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {$vo.create_time|date='m-d',###}</p></a>
                    </volist>
                </div>

            </div>
        </div>
        <!--
                <div class="container col-xs-12">
                    <div class=" like-box"><div class="like-txt"><p>猜你喜欢<span>根据你的喜好精心为你推荐！</span></p>
                        </div>


                        <div class="example-wrapper" >
                            <div id="services-example-1" class="theme1">
                                <ul>
                                    &lt;!&ndash;-	SLIDE 1	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-1.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>手机网页免费版</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                    &lt;!&ndash;-	SLIDE 2	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-2.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>RestfulApi</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                    &lt;!&ndash;-	SLIDE 3	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-3.png">
                                        <div style="margin-top:16px"></div>
                                        <h2>微信公众号</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>

                                    &lt;!&ndash;-	SLIDE 4	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-4.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>转移程序</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>

                                    &lt;!&ndash;-	SLIDE 5	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-5.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>充值中心</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>

                                    &lt;!&ndash;-	SLIDE 6	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-1.png">
                                        <div style="margin-top:16px"></div>
                                        <h2>手机网页免费版</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                    &lt;!&ndash;-	SLIDE 7	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-2.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>RestfulApi</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                    &lt;!&ndash;-	SLIDE 8 -&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-3.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>微信公众号</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                    &lt;!&ndash;-	SLIDE 9	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-4.png" >
                                        <div style="margin-top:16px"></div>
                                        <h2>转移程序</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                    &lt;!&ndash;-	SLIDE 10	-&ndash;&gt;
                                    <li> <img class="thumb" src="__IMG__/yun-5.png">
                                        <div style="margin-top:16px"></div>
                                        <h2>充值中心</h2>
                                        <p class="pric">售价：免费</p>
                                        <a class="buttonlight morebutton" href="#">下载</a> <a class="buttonlight morebutton" href="#">详情</a>
                                        <p>下载量：<span>897</span></p>
                                    </li>
                                </ul>
                                &lt;!&ndash;-	TOOLBAR (LEFT/RIGHT) BUTTONS	-&ndash;&gt;
                                <div class="toolbar">
                                    <div class="left"></div>
                                    <div class="right"></div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>

                <script type="text/javascript">

                    $(function() {
                        $.noConflict();

                        jQuery('#services-example-1').services(
                                {
                                    width:920,
                                    height:290,
                                    slideAmount:5,
                                    slideSpacing:30,
                                    touchenabled:"on",
                                    mouseWheel:"on",
                                    hoverAlpha:"off",
                                    slideshow:3000,
                                    hovereffect:"on",
                                    callBack:function() { }

                                });

                    });
                </script>-->

        <!--服务商模块-->
        <div class="container service-provider margin-top-15">
            <div class="col-xs-12 provider-text">
                <img src="__IMG__/first-floor.png"><span>优质服务商</span><a href="{:U('Appstore/Index/shops')}"><span
                    class="more">更多<i class="icon icon-double-angle-right"
                                      style="font-size: 20px;margin-left: 10px;"></i></span></a>
            </div>
            <div class="col-xs-12">
                <div class="provider-content clearfix">
                    <volist name="shops" id="vo">
                        <div class="col-xs-2 story-box">
                            <a class="{$class}" href="{:U('Index/shop',array('id'=>$vo['uid']))}"><img class="logo"
                                                                                                       src="{$vo.logo|thumb=200,200}"></a>

                            <h3 class="title text-ellipsis">
                                <php>if($vo['gold'] || $vo['official'])
                                    $class='text-danger';else{
                                    $class='';
                                    }
                                </php>
                                <a class="{$class}" href="{:U('Index/shop',array('id'=>$vo['uid']))}">{$vo.title}</a>
                                {$vo|display_icon}
                            </h3>
                            <div>{$vo|display_star}</div>
                            <p style="margin: 10px  0">商品：<span style="color: #ffa600">{$vo.goods_count}</span><span
                                    style="float: right">{$vo.sales_count}成交</span></p>
                            <a href="{:U('Index/shop',array('id'=>$vo['uid']))}" class="story-btn ">进入店铺</a>
                        </div>
                    </volist>
                </div>
            </div>
        </div>
        <!--插件模块-->
        <div class="container package-box margin-bottom-15">
            <div class="col-xs-8 provider-text">
                <img src="__IMG__/second-floor.png"><span> 推荐插件</span><a href="{:U('plugin')}"><span class="more">更多<i
                    class="icon icon-double-angle-right" style="font-size: 20px;margin-left: 10px;"></i></span></a>
            </div>
            <div class="col-xs-8 ">
                <div class="clearfix">
                    <volist name="plugins" id="vo">
                        <div class="col-xs-3" style="padding-left: 0;">
                            <div class="package">
                                <a href="{:U('goodsDetail',array('id'=>$vo['id']))}"><img class="cover"
                                                                                          src="{$vo.cover|thumb=195,195}"></a>

                                <h3 class="title text-ellipsis"><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a>
                                </h3>

                                <div class="content">


                                    {$vo.versions.0.id|display_fee_tiny}

                                    <div class="text-ellipsis">
                                        {$vo.id|display_shop}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </volist>
                </div>
                <div class="margin-top-10 clearfix">
                    <div class="pull-left">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_plugins_below_left','type'=>1,'width'=>'352px','height'=>'90px','title'=>'云市场推荐插件下方左1')))}              </div>
                   <div class="pull-right">
                       {:W('Common/Adv/render',array(array('name'=>'appstore_plugins_below_right','type'=>1,'width'=>'352px','height'=>'90px','margin'=>'0 10px 0 0','title'=>'云市场推荐插件下方右2')))}</div>
                </div>

            </div>

            <div class="col-xs-4" id="plugin">
                <div class="tab-box">
                    <ul>
                        <li class="pay hover" data-id="plugin">近30天 付费插件排行</li>
                        <li class="free" data-id="plugin">近30天 免费插件排行</li>
                    </ul>
                </div>
                <div class="tab-cont pay-cont" >
                    <ul>
                        <volist name="hot_plugins_pay" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">销量：{$vo.sales}</div>
                                    </div>

                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>
                <div class="tab-cont free-cont" style="display: none">
                    <ul>
                        <volist name="hot_plugins_free" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">订阅：{$vo.watch_count}</div>
                                    </div>
                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>
            </div>
        </div>
<!--模块-->
        <div class="container package-box margin-bottom-15">
            <div class="col-xs-8 provider-text">
                <img src="__IMG__/third-floor.png"><span>推荐模块</span><a href="{:U('module')}"><span class="more">更多<i
                    class="icon icon-double-angle-right" style="font-size: 20px;margin-left: 10px;"></i></span></a>
            </div>
            <div class="col-xs-8 ">
                <div class="clearfix">
                    <volist name="modules" id="vo">
                        <div class="col-xs-3" style="padding-left: 0;">
                            <div class="package">
                                <a href="{:U('goodsDetail',array('id'=>$vo['id']))}"><img class="cover"
                                                                                          src="{$vo.cover|thumb=195,195}"></a>

                                <h3 class="title text-ellipsis"><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a>
                                </h3>

                                <div class="content">


                                    {$vo.versions.0.id|display_fee_tiny}

                                    <div class="text-ellipsis">
                                        {$vo.id|display_shop}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </volist>
                </div>
                <div class="margin-top-10 clearfix">
                    <div class="pull-left">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_modules_below_left','type'=>1,'width'=>'352px','height'=>'90px','title'=>'云市场推荐模块下方左1')))}
                                </div>

                    <div class="pull-right">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_modules_below_right','type'=>1,'width'=>'352px','height'=>'90px','margin'=>'0 10px 0 0','title'=>'云市场推荐模块下方右2')))}</div>
                </div>

            </div>

            <div class="col-xs-4" id="module">
                <div class="tab-box">
                    <ul>
                        <li class="pay hover" data-id="module">近30天 付费模块排行</li>
                        <li class="free" data-id="module">近30天 免费模块排行</li>
                    </ul>
                </div>
                <div class="tab-cont pay-cont" >
                    <ul>
                        <volist name="hot_modules_pay" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">销量：{$vo.sales}</div>
                                    </div>

                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>
                <div class="tab-cont free-cont" style="display: none">
                    <ul>
                        <volist name="hot_modules_free" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">订阅：{$vo.watch_count}</div>
                                    </div>
                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>
            </div>
        </div>
        <!--主题-->
        <div class="container package-box margin-bottom-15">
            <div class="col-xs-8 provider-text">
                <img src="__IMG__/four-floor.png"><span> 推荐主题</span><a href="{:U('theme')}"><span class="more">更多<i
                    class="icon icon-double-angle-right" style="font-size: 20px;margin-left: 10px;"></i></span></a>
            </div>
            <div class="col-xs-8 ">
                <div class="clearfix">
                    <volist name="themes" id="vo">
                        <div class="col-xs-3" style="padding-left: 0;">
                            <div class="package">
                                <a href="{:U('goodsDetail',array('id'=>$vo['id']))}"><img class="cover"
                                                                                          src="{$vo.cover|thumb=195,195}"></a>

                                <h3 class="title text-ellipsis"><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a>
                                </h3>

                                <div class="content">


                                    {$vo.versions.0.id|display_fee_tiny}

                                    <div class="text-ellipsis">
                                        {$vo.id|display_shop}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </volist>
                </div>
                <div class="margin-top-10 clearfix">
                    <div class="pull-left">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_themes_below_left','type'=>1,'width'=>'352px','height'=>'90px','title'=>'云市场推荐主题下方左1')))}        </div>
                    <div class="pull-right">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_themes_below_right','type'=>1,'width'=>'352px','height'=>'90px','margin'=>'0 10px 0 0','title'=>'云市场推荐主题下方右2')))}</div>
                </div>

            </div>

            <div class="col-xs-4" id="theme">
                <div class="tab-box">
                    <ul>
                        <li class="pay hover" data-id="theme">近30天 付费主题排行</li>
                        <li class="free" data-id="theme">近30天 免费主题排行</li>
                    </ul>
                </div>
                <div class="tab-cont pay-cont" >
                    <ul>
                        <volist name="hot_themes_pay" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">销量：{$vo.sales}</div>
                                    </div>

                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>
                <div class="tab-cont free-cont" style="display: none">
                    <ul>
                        <volist name="hot_themes_free" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">订阅：{$vo.watch_count}</div>
                                    </div>
                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>
            </div>
        </div>

        <!--服务模块-->
        <div class="container package-box margin-bottom-15">
            <div class="col-xs-8 provider-text">
                <img src="__IMG__/5-floor.png"><span> 推荐服务</span><a href="{:U('theme')}"><span class="more">更多<i
                    class="icon icon-double-angle-right" style="font-size: 20px;margin-left: 10px;"></i></span></a>
            </div>
            <div class="col-xs-8 ">
                <div class="clearfix">
                    <volist name="services" id="vo">
                        <div class="col-xs-3" style="padding-left: 0;">
                            <div class="package">
                                <a href="{:U('goodsDetail',array('id'=>$vo['id']))}"><img class="cover"
                                                                                          src="{$vo.cover|thumb=195,195}"></a>

                                <h3 class="title text-ellipsis"><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a>
                                </h3>

                                <div class="content">


                                    {$vo.versions.0.id|display_fee_tiny}

                                    <div class="text-ellipsis">
                                        {$vo.id|display_shop}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </volist>
                </div>
                <div class="margin-top-10 clearfix">
                    <div class="pull-left">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_services_below_left','type'=>1,'width'=>'352px','height'=>'90px','title'=>'云市场推荐服务下方左1')))}        </div>
                    <div class="pull-right">
                        {:W('Common/Adv/render',array(array('name'=>'appstore_services_below_right','type'=>1,'width'=>'352px','height'=>'90px','margin'=>'0 10px 0 0','title'=>'云市场推荐服务下方右2')))}</div>


                </div>

            </div>

            <div class="col-xs-4" id="service">
                <div class="tab-box">
                    <ul>
                        <li class="pay hover" data-id="theme" style="width: 100%">近30天服务排行</li>
                    </ul>
                </div>
                <div class="tab-cont pay-cont" >
                    <ul>
                        <volist name="hot_services_pay" id="vo">
                            <li><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">
                                <if condition="$i lt 4">
                                    <img class="rib" src="__IMG__/top{$i}.png">
                                </if>
                                <div class="tab-pci">
                                    <img class="cover" src="{$vo.cover|thumb=48,48}"/>
                                </div>
                                <div class="tab-txt">
                                    <p><a href="{:U('goodsDetail',array('id'=>$vo['id']))}">{$vo.title}</a></p>

                                    <div>
                                        <div class="pric pull-left">价格：{$vo.versions.0.id|display_fee_tiny}</div>
                                        <div class="pull-right">销量：{$vo.sales}</div>
                                    </div>

                                </div>
                            </a></li>
                        </volist>
                    </ul>
                </div>

            </div>
        </div>
        <div style="padding: 5px"></div>

<!--

        <div class="container"  style="margin-top: 15px;">
            <div class="col-xs-9 provider-text">
                <img src="__IMG__/four-floor.png" ><span>服务</span><a><span class="more">更多<i class="icon icon-double-angle-right" style="font-size: 20px;margin-left: 10px;"></i></span></a>
            </div>
            <div class="col-xs-9 sever-box">
                <div class="col-xs-6" style="padding-left: 0px;">
                    <div class="theme">
                        <div class="theme-box" style="text-align: center"><span></span><img src="__IMG__/theme.png" ></div>
                        <div class="theme-box">
                            <h1>主题定制</h1>
                            <p class="version">技术大牛轻松搞定</p>
                            <p class="pric">收费：按需收费</p>
                            <a href="#" class="story-btn">进入专区</a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6" style="padding-right: 0px;">
                    <div class="theme">
                        <div class="theme-box" style="text-align: center"><span></span><img src="__IMG__/os.png" ></div>
                        <div class="theme-box">
                            <h1>官方整站定制</h1>
                            <p class="version">技术大牛轻松搞定</p>
                            <p class="pric">收费：按需收费</p>
                            <a href="#" class="story-btn">进入专区</a>
                        </div>
                    </div>
                </div>
            </div>

            &lt;!&ndash;选项卡模块&ndash;&gt;
            <div class="col-xs-3" style="margin-top: 5px;">
                <div class="tab-box">
                    <ul>
                        <li class="free">免费主题排行</li>
                        <li class="pay">付费主题排行</li>
                    </ul>
                </div>
                <div class="tab-cont free-cont">
                    <ul>
                        <li><a href="#">
                            <img src="__IMG__/top1.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                        <li><a href="#">
                            <img src="__IMG__/top2.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                        <li><a href="#">
                            <img src="__IMG__/top3.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                        <li><a href="#">
                            <img src="__IMG__/top4.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                    </ul>
                </div>
                <div class="tab-cont pay-cont" style="display: none">
                    <ul>
                        <li><a href="#">
                            <img src="__IMG__/top1.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                        <li><a href="#">
                            <img src="__IMG__/top2.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                        <li><a href="#">
                            <img src="__IMG__/top3.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                        <li><a href="#">
                            <img src="__IMG__/top4.png" >
                            <div class="tab-pci"></div>
                            <div class="tab-txt">
                                <p>轮播图插件</p>
                                <p class="pric">价格：1000元<span>下载量：360</span></p>
                            </div>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>

-->


    </div>
    <!--<div class="container" style="margin-top: 15px;">
        <div class="col-xs-12">
        <a href="#">
            <img src="__IMG__/bottom-ad.png" >
        </a>
            </div>
    </div>-->


</block>